<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta id="i18n_pagename" content="common">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>数据可视化-报表</title>

<!-- Bootstrap -->
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="./css/box.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="./js/common.js"></script>
<script src="i18n/jquery.i18n.properties.js"></script>
<script src="i18n/language.js"></script>
<script src="js/datasource.js"></script>
<script src="js/report.js"></script>
<script src="js/jquery.base64.js"></script>
<style type="text/css">
.hovereffect {
	cursor: pointer;
	transition: all 1s;
}

.hovereffect:hover {
	transform: scale(0.8);
}
</style>

</head>

<body>
	<div class="container-fluid">
		<div class="lan" align="right" style="margin-top: 10px">
			<select id="language">
				<option value="zh-CN">中文简体</option>
				<option value="en">English</option>
			</select>
		</div>
		<div class="row" style="margin-top: 10px;">
			<div id="result" class="col-xs-12 column">
				<div class="col-xs-3">
					<div class="panel panel-info">
						<div class="panel-heading" style="background: transparent;">
							<h3 class="panel-title i18n" name="addReport"></h3>
						</div>
						<div class="panel-body" align="center">
							<a href="dashboard.html"> <img src="img/add1.png"
								class="img-rounded img-responsive" alt="添加图表"
								style="width: 220px; height: 200px">
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="delete" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" align="center">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title i18n" name="confirmoperation" id="myModalLabel"></h4>
				</div>
				<div class="modal-body i18n" name="confirmdeletion"></div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default i18n" name="cancel" data-dismiss="modal"></button>
					<button type="button" class="btn btn-danger i18n" name="confirm" onclick="deleteT()"></button>
				</div>
			</div>
		</div>
	</div>
	<script>
		/**
		 * 为删除拟态框传值
		 */
		$('#delete').on('show.bs.modal', function(event) {
			var button = $(event.relatedTarget);
			var dataid = button.data('id');
			var type = button.data('type');
			sessionStorage["dataid"] = dataid;
			sessionStorage["type"] = type;
		})
		var dataarr = [];
		$(document).ready(function() {
			createReport();
		});
	</script>
</body>
</html>